@mixin ellipsis(){
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
@mixin border-1px($color){
    &:after{
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      display: block;
      width: 100%;
      border-top: 1px dashed $color;
    }
};
/*2倍和3倍图片*/
@mixin bg-image($url){
    background-image: url($url + "@2x.png");
    @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
      background-image: url($url + "@3x.png");
    }
}
@mixin down-btn(){
    border:none;
    outline:none;
    width:1.2rem;
    height:0.46rem;
    border-radius:3px;
    background:$color-sub-theme;
    color:#fff;
}

@mixin login-btn(){
    width:6.6rem;
    height:0.9rem;
    line-height:0.9rem;
    border:none;
    color:#fff;
    font-size:0.30rem;
    background: #00d9cc;
    border-radius:0.45rem;
}
@mixin navbar(){
    width: 7.5rem;
    margin:0 auto;
    text-align:center;
    height:0.8rem;
    line-height:0.8rem;
    color:#fff;
    background:#00d9cc;
}